import type { GuideOptions } from "@scena/guides";

export const GuideCommonConfig: GuideOptions = {
  direction: 'start',
  backgroundColor: '#99cc99',

  textColor: '#fff',
  unit: 100,
  lineColor: '#fff',

  segment: 1,
  mainLineSize: 18,

  displayDragPos: true,
  guideStyle: { background: '#333' },
  dragGuideStyle: { background: '#666' },
  guidePosStyle: { color: '#999' },
}

export const GuideXConfig: GuideOptions = {
  ...GuideCommonConfig,
  textOffset: [-12, -15],
  lineOffset: [0, 6],
}

export const GuideYConfig: GuideOptions = {
  ...GuideCommonConfig,
  textOffset: [-15, 12],
  lineOffset: [6, 0]
}
